/* 
    Document   : expiredmsg
    Created on : Oct 8, 2013, 6:18:24 AM
    Author     : yoko
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.overlay{
        position:fixed;
        top: 0;
        left:0;
        display: block;
        width: 100%;
        height: 100%;
        opacity:0.75;
        background-color:#414144;
        z-index: 9000;
}
.content {
	float:left;
	width:1000px;
        position:fixed;
        top: -20%;
        left:25%;
        display: block;
        padding: 10px;
        border-radius:5px;
        opacity:0.75;
        z-index: 99999;
}

#login{
	width:800px;
	margin:0 auto;
	padding-top:200px;
}
#login1{
	width:500px;
	margin:0 auto;
	padding-top:200px;
}
#login form{
	margin-bottom:0;
}
#login .field label{
	margin-right:5px;
	text-align:left;
	width:auto;
	font-size:16px;
	line-height:1.5em;
}
#login input.text{
	width:253px;
}
#login .login-submit{
	margin-top:10px;
}
#innerContent{
	padding:10px 10px 0px 10px;
	background:url(../images/img/content_bg.png) repeat-y right;
	overflow:hidden;
}
#titleActions {
	float:right;
	overflow:hidden;
	height:50px;
	line-height:50px;
	font-size:14px;
	padding-right:10px;
	margin-right:-10px;
}
#titleActions a{
	color:#fff;
}
#titleActions .actionBlock {
	float:left;
	height:30px;
	padding:10px;
	margin:0;
	background:url(../images/img/vertical_separator.png) repeat-y top left;
	line-height:30px;
}
.fleft {
	display:block;
	float:left !important;
}
.container .fleft {
	margin:0 20px 10px 0;
}
.fright {
	display:block;
	float:right !important;
}
.container .fright {
	margin:0 0 10px 20px;
}
.bTop, .bTop div, .bBottom, .bBottom div {
	background-image:url(../images/img/sprite.png);
	background-repeat:no-repeat;
}
.bTop {
	margin:0px 0px -5px 10px;
}
.bBottom {
	margin:0px 0px 0px 10px;
	background-position:100% -615px;
}
.bTop div, .bBottom div {
	margin:0px 10px 0px -10px;
	height:15px;
}
.bBottom div {
	background-position:0px -795px;
}

/**************************************/
/*  ROUNDED CORNERS WITH FULL IMAGE   */
/**************************************/
.bImg {
	margin-bottom:10px;
	margin-right:10px;
	background-position:top left;
	background-repeat:no-repeat;
	display:inline-block;
}
.bImg .bInner {
	margin-top:10px;
	margin-left:10px;
	margin-bottom:-10px;
	margin-right:-10px;
	padding:0px 10px 10px 0px;
	position:relative;
	background-position:bottom right;
	background-repeat:no-repeat;
}
.bImg .bTR, .bImg .bBL {
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	position:absolute;
	display:block;
}
.bImg .bTR {
	top:-10px;
	right:0px;
	background-position:top right;
}
.bImg .bBL {
	bottom:0px;
	left:-10px;
	background-position:bottom left
}
#title {
	height:50px;
	background:url(../images/img/sprite.png) no-repeat 100% -810px;
	margin-left:10px;
}
#title h2 {
	margin:0px 0px 0px -10px;
	padding-left:10px;
	background:url(../images/img/sprite.png) no-repeat 0px -990px;
	font-family:Georgia;
	line-height:50px;
	font-size:2em;
	float:left;
	position:relative;
	left:0px;
}
button.button {
	padding:0px 0px 0px 10px;
	text-align:left;
	height:30px;
	border:none;
	position:relative;
}
.button .expand {
	background:url(../images/img/sprite.png) no-repeat 100% -2250px;
	width:25px;
	height:30px;
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	position:absolute;
	top:0px;
	right:10px;
}
.button .expanded {
	background-position:100% -2280px;
}
.button {
	background:url(../images/img/sprite.png) no-repeat 0 -180px;
	display:inline-block;
	padding-left:10px;
	color:#FFF;
	position:relative;
}
.button strong {
	background:url(../images/img/sprite.png) no-repeat 100% -150px;
	display:block;
	height:30px;
	line-height:28px;
	padding-right:10px;
	white-space:nowrap;
}
.button:hover {
	text-decoration:none;
	background-position:0 -240px;
}
.button:hover strong {
	background-position:100% -210px;
}
.content form .field {
	overflow:hidden;
	padding:10px 0px;
	background:url(../images/img/fieldset.png) 0px 100% no-repeat;
	margin-right:2px;
}
.content input.text,  .content textarea {
	border:#ccc 1px solid;
	background:#fff url(../images/img/input-text-bg.png) repeat-x left top;
	width:300px;
	padding:2px 20px 3px 3px;
}

.field-error input.text,  .field-error textarea{
	color:#a51919;
	border:#c25454 1px solid;
	background:#fae1e1 url(../images/img/input-text-error-bg.png) repeat-x left top;
}
.field-error label,.field-error .error-hint{
	color:#a51919;
}
.field-error .error-hint{
	padding-left:10px;
}
/**************************************/
/* VALIDATE   */
/**************************************/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}

.LV_invalid {
    color:#CC0000;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

